<!DOCTYPE html>
<html>
<head>
    <title>首页</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1225636_9qvdxswwxu.css"/>
    <meta charset="UTF-8">
    <script>
        var pageConfig = {
            jss: ["pc/system/admin"]
        };
    </script>
    @@include("/pc/crm/common/_head.html"){}@@
</head>
<body class="layui-layout-body sm_admin sm_admin_index">
<div v-block id="admin">
    <!--banner-->
    <el-row :gutter="10">
        <el-col :span="7">
            <!--swiper 轮播-->
            <div class="crm_swiper">
                <template>
                    <el-carousel height="17rem" indicator-position="none">
                        <el-carousel-item v-for="img in imgLists1" :key="img">
                            <img :src="img.GWAM015" style="max-width:100%;"/>
                            <!--<img class="crm_item_img" src="http://sunwood.vip/wissun-smfile/CM600D.jpg"/>-->
                        </el-carousel-item>
                    </el-carousel>
                </template>
            </div>
        </el-col>
        <el-col :span="7">
            <!--swiper 轮播-->
            <div class="crm_swiper">
                <template>
                    <el-carousel height="17rem" indicator-position="none">
                        <el-carousel-item v-for="img in imgLists2" :key="img">
                            <img :src="img.GWAM015" style="max-width:100%;"/>
                            <!--<img class="crm_item_img" src="http://sunwood.vip/wissun-smfile/CM600D.jpg"/>-->
                        </el-carousel-item>
                    </el-carousel>
                </template>
            </div>
        </el-col>

        <el-col :span="10">
            <div class="grid-content bg-purple">
                <!--组织公告-->
                <el-card class="box-card">
                    <div slot="header" class="clearfix">
                        <span>组织公告</span>
                        <el-button style="float: right; padding: 3px 0;font-size: 12px;" type="text"
                                   @click="nextPage()">下一页
                        </el-button>
                        <el-button style="float: right; padding: 3px 0;font-size: 12px;" type="text"
                                   @click="prevPage()">上一页
                        </el-button>
                    </div>
                    <div class="text item" v-if="lists.length > 0">
                        <ul>
                            <li v-for="(item,index) in pageData" :key="index" @click="open(item)"
                                style="cursor:pointer"><p>{{item.GWDH001}}</p><span>{{item.GWDH005}}</span></li>
                        </ul>
                    </div>
                    <div v-else>
                        <div>暂无数据...</div>
                    </div>
                </el-card>
            </div>

            <div class="grid-content bg-purple">
                <!--组织公告-->
                <div class="sm_box-card">
                    <el-tabs v-model="activeName2" type="border-card">

                        <el-tab-pane label="渠道公告" name="first">
                            <div id="rightBtn">
                                <el-button style="float: right; padding: 3px 0" type="text" @click="nextPage2()">下一页
                                </el-button>
                                <el-button style="float: right; padding: 3px 0" type="text" @click="prevPage2()">上一页
                                </el-button>
                            </div>
                            <ul>
                                <li v-for="(item,index) in pageData2" :key="index" @click="open(item)"
                                    style="cursor:pointer"><p>{{item.GWDH001}}</p><span>{{item.GWDH005}}</span></li>
                            </ul>
                        </el-tab-pane>
                        <el-tab-pane label="经销商公告" name="second">
                            <div id="rightBtn2">
                                <el-button style="float: right; padding: 3px 0" type="text" @click="nextPage3()">下一页
                                </el-button>
                                <el-button style="float: right; padding: 3px 0" type="text" @click="prevPage3()">上一页
                                </el-button>
                            </div>
                            <ul>
                                <li v-for="(item,index) in pageData3" :key="index" @click="open(item)"
                                    style="cursor:pointer"><p>{{item.GWDH001}}</p><span>{{item.GWDH005}}</span></li>
                            </ul>
                        </el-tab-pane>
                    </el-tabs>
                </div>

            </div>
        </el-col>
    </el-row>
</div>

</body>
<div id="info">

</div>
</html>


